@mixin responsive-layout {
  @media only screen and (max-width: 1920px) {
    width: 25%;
  }

  @media only screen and (max-width: 1366px) {
    width: 30%;
  }

  @media only screen and (max-width: 960px) {
    width: 40%;
  }

  @media only screen and (max-width: 600px) {
    width: 60%;
  }

  @media only screen and (max-width: 300px) {
    width: 98%;
  }
}
